<!-- eslint-disable vue/html-indent  -->
<template>
  <g>
    <!--      空调-->
    <svg
      t="1725932678577"
      class="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="1048"
      width="160"
      height="160"
    >
      <path
        d="M858.763636 707.490909H165.236364c-39.563636 0-69.818182-30.254545-69.818182-69.818182V279.272727c0-39.563636 30.254545-69.818182 69.818182-69.818182H861.090909c39.563636 0 69.818182 30.254545 69.818182 69.818182v358.4c-2.327273 37.236364-32.581818 69.818182-72.145455 69.818182zM165.236364 256c-13.963636 0-23.272727 9.309091-23.272728 23.272727v358.4c0 13.963636 9.309091 23.272727 23.272728 23.272728H861.090909c13.963636 0 23.272727-9.309091 23.272727-23.272728V279.272727c0-13.963636-9.309091-23.272727-23.272727-23.272727H165.236364z"
        fill="#4F5150"
        p-id="1049"
      ></path>
      <path
        d="M860 450h-290c-20 0-80-13-80-80s13-80 80-80h203c20 0 80 13 80 80s-17 80-80 80z"
        :fill="props.status ? '#172faa' : '#4F5150'"
        p-id="1050"
      ></path>
      <svg
        v-if="props.status && props.aircondType"
        x="800"
        :y="props.aircondType === 2 ? 50 : 700"
        t="1725937176990"
        class="icon"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="2749"
        width="160"
        height="160"
      >
        <path
          d="M305.753659 453.575356c-47.15702-58.280358-66.201771-114.231671-56.605206-166.301584 8.05035-43.673685 34.739199-76.810387 55.710836-96.91733 10.19827-9.777691 10.539031-25.972535 0.76134-36.170804-9.777691-10.199293-25.972535-10.539031-36.170804-0.76134-26.408463 25.319665-60.095703 67.484997-70.618361 124.57525-12.429077 67.434855 10.162454 137.335878 67.147306 207.760834 55.19202 68.209498 73.030293 136.687102 53.018517 203.530486-12.876262 43.010583-38.549991 75.446319-57.818847 95.081519-23.595394 24.042579-47.626717 39.101553-60.97677 43.358507-13.46057 4.29277-20.892843 18.685571-16.600073 32.146141 3.467985 10.876722 13.530155 17.816784 24.366967 17.816784 2.575662 0 5.194302-0.391926 7.779174-1.215688 24.362874-7.769964 54.998615-28.804023 81.94943-56.268538 23.315008-23.7581 54.438866-63.210647 70.316485-116.244514 11.570523-38.646182 13.153578-78.307484 4.706185-117.884874C363.148857 541.243021 340.618725 496.661663 305.753659 453.575356z"
          p-id="2750"
          fill="#1296db"
        ></path>
        <path
          d="M537.532513 453.575356c-47.15702-58.280358-66.201771-114.231671-56.605206-166.301584 8.05035-43.672662 34.739199-76.810387 55.710836-96.91733 10.199293-9.778714 10.540054-25.972535 0.76134-36.170804-9.779737-10.199293-25.973558-10.538007-36.171828-0.76134-26.40744 25.319665-60.095703 67.484997-70.617337 124.57525-12.429077 67.434855 10.162454 137.335878 67.147306 207.760834 55.193043 68.209498 73.030293 136.687102 53.018517 203.530486-12.876262 43.010583-38.548968 75.446319-57.818847 95.081519-23.595394 24.042579-47.626717 39.101553-60.97677 43.358507-13.46057 4.29277-20.892843 18.685571-16.600073 32.146141 3.467985 10.876722 13.530155 17.816784 24.366967 17.816784 2.575662 0 5.194302-0.391926 7.779174-1.215688 24.362874-7.769964 54.998615-28.804023 81.94943-56.268538 23.313985-23.7581 54.438866-63.210647 70.316485-116.244514 11.570523-38.646182 13.153578-78.307484 4.706185-117.884874C594.926688 541.243021 572.397578 496.661663 537.532513 453.575356z"
          p-id="2751"
          fill="#1296db"
        ></path>
        <path
          d="M836.276525 586.079182c-9.56996-44.835138-32.100092-89.416496-66.964134-132.503826-47.158043-58.280358-66.201771-114.231671-56.604182-166.301584 8.049327-43.672662 34.738176-76.810387 55.709813-96.91733 10.199293-9.778714 10.540054-25.972535 0.76134-36.170804-9.780761-10.199293-25.973558-10.536984-36.171828-0.76134-26.408463 25.319665-60.095703 67.484997-70.618361 124.57525-12.429077 67.434855 10.162454 137.335878 67.147306 207.760834 55.193043 68.209498 73.030293 136.687102 53.018517 203.530486-12.876262 43.010583-38.549991 75.446319-57.818847 95.081519-23.595394 24.043602-47.62774 39.101553-60.977793 43.358507-13.46057 4.29277-20.892843 18.685571-16.601096 32.146141 3.469008 10.876722 13.530155 17.816784 24.366967 17.816784 2.574638 0 5.194302-0.39295 7.779174-1.215688 24.362874-7.769964 54.998615-28.804023 81.950454-56.268538 23.313985-23.757077 54.438866-63.209624 70.316485-116.243491C843.140862 665.317874 844.72494 625.65555 836.276525 586.079182z"
          p-id="2752"
          fill="#1296db"
        ></path>
      </svg>
      <path
        d="M118.690909 479.418182H884.363636v46.545454H118.690909z"
        fill="#4F5150"
        p-id="1052"
      ></path>
    </svg>
    <text x="28" y="66" :font-size="props.fontSize" :fill="props.fill">{{ props.text }} </text>
    <text x="90" y="55" font-size="10" fill="rgb(200, 220, 200)">{{ props.setTem }}℃ </text>
    <text x="90" y="68" font-size="10" fill="rgb(200, 220, 200)">{{ props.setHum }}% </text>
    <text
      x="25"
      :y="props.aircondType === 1 ? '128' : '26'"
      font-size="12"
      fill="rgba(7, 191, 51, 1)"
      >{{ props.outTem }}℃
    </text>
    <text
      x="85"
      :y="props.aircondType === 1 ? '128' : '26'"
      font-size="12"
      fill="rgba(7, 191, 51, 1)"
      >{{ props.outHum }}%
    </text>
    <text x="25" y="98" font-size="12" fill="rgba(203, 148, 39, 1)">{{ props.inTem }}℃ </text>
    <text x="85" y="98" font-size="12" fill="rgba(203, 148, 39, 1)">{{ props.inHum }}R/min </text>
  </g>
</template>
<script setup lang="ts">
  const props = defineProps({
    fontSize: {
      type: Number,
      default: 10
    },
    aircondType: {
      type: String,
      default: ''
    }, // 机柜类型
    status: {
      type: Number,
      default: 0
    }, // 测量类型
    text: {
      type: String,
      default: ''
    },
    fill: {
      type: String,
      default: ''
    },
    setTem: {
      type: Number,
      default: 10
    },
    setHum: {
      type: Number,
      default: 10
    },
    outTem: {
      type: Number,
      default: 10
    },
    outHum: {
      type: Number,
      default: 10
    },
    inTem: {
      type: Number,
      default: 10
    },
    inHum: {
      type: Number,
      default: 10
    }
  });
</script>
